﻿.tree { float: left; width: 200px; visibility: hidden; /*note - remove this style for tree to work without js - in here to reduce load flicker whilst tree scrollers build */ }
.tree h3 { margin: 20px 0 6px 0; font-size: 0.9em; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
.tree .tree-list { border: 1px solid #CACACA; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); }
.tree .tree-list:empty { display: none; }
.tree .clear-all-filters { display: block; padding: 10px 2px; }
.tree .clear-all-filters a { text-decoration: none; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url('../Images/SmallClose.png') }

.tree-list ul.scroll { max-height: 220px; overflow-y: auto; overflow-x: hidden; margin: 0; padding-left: 0; }
.tree-list ul.scroll li { line-height: 17px; }
.tree-list ul.scroll li a { text-transform: capitalize; }
.tree-list ul.scroll ul { margin: 5px 5px 5px 15px; padding: 0; }

.tree-list li { list-style-type: none; }
.tree-list li a { text-decoration: none; background-image: url('../Images/BucketInactive.png'); background-position: left 1px; background-repeat: no-repeat; padding-left: 20px; display: inline-block; }
.tree-list li.active > a { background-image: url('../Images/BucketActive.png'); color: #000; }
.tree-list li:not(.inactive) a:hover { background-image: url('../Images/BucketActive.png'); }
.tree-list .characteristic-branch li.inactive { color: #ddd; cursor: default; display: none; }
/*.tree-list .characteristic-branch li.active:not(.inactive) a:hover { background-image: url('../Images/BucketInactive.png');  color: #999; }*/
.tree-list .characteristic-branch li.active.inactive a { background-image: url('../Images/BucketActiveInactive.png'); }

.tree-list .branch .tab { position: relative; }
.tree-list .branch .clear-branch-filters { position: absolute; right: 7px; top: 15px; }
.tree-list .branch .clear-branch-filters a { font-weight: normal; text-transform: none;  text-decoration: none; padding-left: 12px; background-repeat: no-repeat; background-position: left center; background-image: url('../Images/SmallClose.png') }

.tree-list > div.cols-2 li { width: 50%; float: left; }
.tree-list .characteristic-branch.inactive { display: none; }

.top-menu { overflow: hidden; padding: 10px 0; }
.top-menu .breadcrumb { float: left; }
.top-menu .drop-downs { float: right; }
.bottom-menu { text-align: right; padding: 10px 0; }

.products-list { margin-left: 230px; padding-top: 8px; }
.products-list .product { width: 33%; }
.products-list .product .handle { cursor: move; margin-bottom: 10px; display: none; }
.pager { float: right; padding: 0 20px; }
